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Phil Johnston 


9g Hey, we have to write this foreword, 


Phil Johnston 


g Two days ago. 


Phil Johnston 


Rich Moore 





Rich Moore 








Hmm. v 
x 


i ) Why we wanted to make the movie, etc. So why did you? 


Rich Moore 


d the money. 





Phil Johnston 


Q You realize this is going to be in the book? 


am 7 
| Iwas kidding. lost in text, doesn't it? | 


Phil Johnston 


Rich Moore 





‘Sarcasm gé 


Apparently. Anywho . .. Sequels are so often terrible. 
g Do you remember how we decided to do this one? 


Rich Moore 








Phil Johnston 


Agreed. But saying you want to make a movie about 
the Internet is like saying you want to make a movie 
about New York City. There are millions of stories that 
could be told. So it took a LONG time to come up with 
the right story. 





Rich Moore 





Phil Johnston 


For me, once we started thinking of Litwak's Arcade as 
a small town and the Internet as a big city, | had my way 
into the story emotionally. | grew up in a small town in 
Wisconsin and eventually left for the big city (I've lived 
in New York and Los Angeles for almost 20 years). So 
| started thinking about my relationship to the town 
where | grew up and the friends | knew there, many of 
whom still live there. Just because | left for something 
different and some of my friends decided to stay 
doesn’t mean we aren't still friends. We are, despite the 
fact that our lives are very different. As a new character 
in the film says to Vanellope, “Friendships change, and 
the good ones grow stronger because of it.” That's the 
g essence of this movie to me. 


Rich Moore 








Phil Johnston 


8 | think we just did. 
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INTRODUCTION: 
RALPHIBREAKS THEINTERNET 









Hi, we're tl eam who made Ralph Breaks the Internet. 
Ask us anything! 


Producer—Clark Spencer 

Directors—Rich Moore and Phil Johnston 
Production Designer—Cory Loftis 

Art Director, Environments—Matthias Lechner 
Art Director, Characters—Ami Thompson 
Associate Production Designer—Mingjue Helen Chen 
Visual Effects Supervisor—Scott Kersavage 
Technical Supervisor—Ernest Petti 

Visual Development Artist—Mehrdad Isvandi 
Visual Development Artist—Jim Martin 

Visual Development Artist—Kevin Nelson 
Visual Development Artist—Nick Orsi 


Visual Development Artist—Mike Yamada 
Director of Cinematography, Layout—Nat! 
Head of Visual Effects—Cesar Velazquez 
Head of Animation—Kira Lehtomaki 
Head of Animation—Renato dos Anjos 
Director of Story—Jim Reardon 

Head of Story—Josie Trinidad 


<Mingjue Helen Chen / digital> 


o 


aa 


(-] Jessica Julius Author 
What inspired you to make a sequel to Wreck-It Ralph? 





[-] Rich Moore Director 

T love the characters we created and wanted to do more 
with them. One of my favorite things is when you can keep 
building on characters and their relationships. 


[-] Phil Johnston Direc! 

fal The first movie is about two outsiders who find a 
genuine friendship with each other. We wanted to 
put pressure on Ralph and Vanellope’s relationship, 
to push them somewhere new. And that meant 
expanding their world, which also presented an 
exciting artistic challenge. 


permalink embed parent 


+ [-] Rich Moore Director 

+ =| The first film was a love letter to 1980s 
video games. But a sequel had to be bigger, 
which allowed us to go beyond the arcade. 
The Internet seemed like the perfect place 


for us to go. 





[-] Phil Johnston Director 

Once we landed on sending Ralph 
and Vanellope into the Internet, 

it opened up everything from an 

art and story perspective. Almost 
everyone alive today has some kind 
of relationship with the Internet, but 
it has never really been conceived of 
in this way, as a physical place one 
can go, with people who live there. 























+ [-] Jessica Julius Author 
¥ What were the biggest challenges in creating this film? 


+ [-] Scott Kersavage Visual Effects Supervisor 

Ej Just trying to define the Internet was the first challenge. 
We wanted to represent the perceptions of everyone who 
uses it, from those who remember when it was just a tiny 
network of universities to today’s audiences who have 
grown up on it. 





? [-] Matthias Lechner Art Director, Environments 
¥ Translating the abstractness of the Internet into 
a real environment. We had to take something 
familiar and depict it in a way that would give the 
audience a whole new experience. 


* [-] Cory Loftis Production Designer 

° ££ Designing a Wreck-It Ralph movie is like 
designing ten movies at once. Every game, 
every website, every new location has a 
different look and style, and new characters 
to go with it. When you add in the random- 
ness and chaos of the Internet, the biggest 
challenge is keeping everything cohesive. 
The variety is fun but it has to feel like the 
same movie when you leave eBay to go to 
Slaughter Race. 
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ZOMBIE 


FIX-IT FELIX 


TAFFYTA MUTTONFUDGE 


GENE 








SERGEANT CALHOUN WRECK-IT RALPH 


VANELLOPE 
VON SCHWEETZ 











[-] Jessica Julius / 10 

Wreck-It Ralph was the story of two misfits who find friendship 
with each other. How did the Internet setting of the new film drive 
how you developed them and our other friends from the first film? 









] Jessica Julius Author 

Fe | [-] Phil Johnston 0 What design changes did you make to update the original 

We wanted to test Ralph and Vanellope’s friendship, to characters for the new film? 
throw stuff in their way to see if they could stay friends 
despite the obstacles. The Internet is so big and complicated 
that they and the other characters have to grow to meet [-] Cory Loftis F uction ner 
its challenges. One advantage of a sequel is that Ralph, Vanellope, Felix, 
Calhoun, and their games were already designed. But 
Wreck-It Ralph was a long time ago in terms of film- 
making technology. 






















[-] Rich Moore Director 

| There is a lot of good and a /ot of bad in the 
Internet. It’s an environment that can be dangerous 
for a young person like Vanellope or for a person 


who is insecure the way Ralph is. Any wedge that 
could test their friendship exists in this world. 


[-] Scott Kersavage Visual Effects Supery 

We had to update all the characters and environ- 
ments to work with our new Hyperion renderer and 
rigging tools, yet make sure that the characters still 
look like themselves. 





[-] Cory Loftis Production Designer 

With earlier technologies, skin can sometimes look gray, 
like there’s no blood going through it. With Hyperion, the 
characters’ skin feels alive. 


[-] Ami Thompson Art Director, Character 
All the characters got updates to their clothing and 
hair. There were a lot of seemingly small changes 
that add up to a richer, more believable feeling to 
the characters. 


fs 
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<ami Thompson / digital> 
<Pages 10-11: Various Artists / digital> 
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[-] Jessica Julius 
What specific obstacles did the Internet allow you to throw in Ralph 
and Vanellope’s way in order to challenge their friendship? 


[-] Rich Moore 

8 When they get to the Internet, Ralph and Vanellope realize 
they want different things. And the people they meet in this 
new world reinforce their differences. That’s something that’s 
very true about the Internet; it’s a great connector but it can 
also be a divider. 


-] Phil Johnston 
The metaphor we used is two best friends from a 


small town who go to the big city and suddenly realize 
there is something else out there. They discover their 
different needs could potentially drive them apart. But 
ultimately, they learn that friendships can change and 
the good ones get better for it 


<Jeff Merghart / digital> 





<Paul Felix / digital> 





Renato dos Anjos @ @Heact atic 
I The computer imposes limitations so we use draw- 
overs—hand-drawing on top of a computer image—to 
help animators push poses and get what we really want, 
so there is no restriction beyond our own imaginations. 
That hand-drawn sensibility is part of our Disney history 
but also something we still use every day. rN) 
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<Ami Thompson / digital> 


Cory Loftis @ ap: 

In the first film, the clothes seem almost plastic-y. 
For the sequel, we remade outfits to behave and 
look more like real cloth. Ralph's overalls and shirt 
wrinkle and slide as he moves, Vanellope’s 
sleeves move up and down. 


6 fT 24 31 


<Cory Loftis / digital> 


<Paul Felix / digital> 





<Ami Thompson / digital> 


Cory Loftis @ @ProductionDesigner ” 
In the first film, Vanellope’s hair is in two 
parts: bangs and ponytail. Now her hair 
grows from the tip of her head to the 
end of her ponytail, so if you were to pull 
on her ponytail, it pulls her head too. It 
makes her so much more believable. 


She feels like a real little girl now. 


<Cory Loftis / digital> 


Ami Thompson @ @AnDirector Characters =~ 
We redesigned Vanellope's hands. Her fingers 
are fatter and smoother, and the tips are 
rounder, which helps her feel more childlike. 


O8 I 16 O34 


<Ami Thompson / digital> 





[-] Jessica Julius Author 
Ralph Breaks the Internet begins with our old friends in Litwak’s Arcade. 


What updates did you make to Mr. Litwak and the arcade? 


§ [-] Ami Thompson t Dire aracte 
= Mr. Litwak is older—he has more white hair, more wrinkles—but 


e still loves the arcade. 





{-] Matthias Lechner Art 

Like Litwak himself, the arcade has aged. It’s six years 
older, so it’s a little grungier. The main update is that he’s 
installing a Wi-Fi router because he thinks having the 
Internet will bring in more customers. 


<Various Artists / digital> 


[-] Cory Loftis Product designe 
¥ Litwak is a reluctant and late adopter of the 





Internet. He’s the king of archaic forms of 
technology. He pays in cash, doesn’t have a cell 
phone, still buys a physical newspaper. That's 
reflected in his office, which we had to design for 
this story since you don't see it in the first film. 
He has phone books, a landline, a slide projector. 
The computer is the one new thing in his office. 





<Ryan Lang / digital> 





<Ryan Lang / digital> <Ryan Lang / digital> 








Kevin Nelson, Visual Development Artist 


Litwak’s office is full of funny, weird 
stuff: embarrassing old posters, his 
“CEO” coffee mug, collectible plates. 
There's a little window with a long- 
dead plant. He's even got an Emmy®. 


evin Nelson / digital> 
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“Kevin Neilson A digital> 


<Matthias Lechner / digital> 


NO FIGHTING 


<Matthias Lechner / digital> <Jeff Merghart / digital> 
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<Nicholas Orsi / digital> 





<Mike Yamada / digital> 
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<Mike Yamada / digital> 





<Cory Loftis / digital> 


<Matthias Lechner / digital> 



















Cory Loftis 
Juction Designer - @ 





In an early version of the film, we saw the 
arcade characters dressed casually. We gave 
Felix abs—though instead of a six-pack, he’s 
got an eight-pack, in keeping with his eight-bit 
game programming. And he only wore boots 
in the first film so we had to give him feet. 
Neatly groomed feet. 





<Jeff Merghart / digital> 


<Ryan Lang / digital> 





<Cory Loftis / digital> 
22< 


<Justin Cram / digital> 


& Cory Loftis 


Felix and Calhoun are married now, so 
Felix's apartment has elements of Calhoun 
around. His medals are still on the wall, 
but so is her weapon rack. Calhoun’s foot 
locker is at the end of the bed. 


<Justin Cram / digital> 








<Cory Loftis / digital> 





é Ami Thompson 

€ 

Calhoun doesn't actually know how to be 
casual. It's awkward and uncomfortable to 
her. She still wears dog tags, camouflage, 
and boots, but she ties on a Hawaiian 
shirt. She even has a holster, but for a 
knife instead of a pistol. She just can’t let 
go of the military lifestyle. 


O¢ ® 
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<Michael Herrera / digital> 












<Cory Loftis / digital> 





<Ami Thompson / digital> <Jeff Merghart / digital> 


Matthias Lechner 
Art Director, Environments - @ 


An early version of the film showed flashbacks to Calhoun’s 
childhood bedroom, which hinted at her military roots. It looked 
like an idyllic 1950s home, but there were little bombs and fighting 
toys mixed in with the teddy bears and diaper-changing table. 
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<Jeff Merghart / digital> 


THE WI-FI ROUTER 
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WIRELESS CONNECTION 
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<Paul Felix / digital> 
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Matthias Lechner @ 

Our router design is a straightforward harbinger 
of what our version of the Internet looks like. It 
has 45-degree angles and the Wi-Fi logo, but it 
doesn't come to life until Litwak clicks the 
browser icon. Then the whole room comes to 
life, lights go on, the portal opens, and Litwak’s 
user appears. Ralph and Vanellope, following 
Litwak’s user, get sucked into the Internet. 
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<Mingjue Helen Chen / digital> 
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<Paul Felix / digital> 


) Nathan Warner 
g 


rote raphy Lave 
We initially tried having them go through a 
coaxial cable, enter a fiber-optic box, warp 
and become light, and then enter the 
Internet. But then it was suggested that it 
should feel more like they were flying over 
the Los Angeles basin at nighttime, to really 
show the vastness of the Internet. 





<Mingjue Helen Chen / digital> 





<Various Artists / digital> 

















{-] Jessica Julius Author 
What research did you do as you prepared to tackle something as 
enormous and chaotic as the Internet? 


m [-] Clark Spencer Producer 
) We met with experts in computer science, Internet gaming, 
cyber security, 


[-] Rich Moore Director 

| Most of us think about the Internet in a very simplistic, 
almost magical way. But our research showed us that 
it’s all hardware. The Internet really is just series of 
tubes—wires, boxes, giant cables under the sea. And 
huge rooms with row upon row of servers. 


{-] Phil Johnston Director 

fal We wanted to see a physical representation 
of the Internet, so we went to a data center 
in downtown Los Angeles. When people on 
the West Coast log on to the Internet, their 
requests go through the data center we visited 
at One Wilshire. There are several big server 
farms like this around the world, where social 
media, gaming, news, and commerce companies 
rent space like an apartment on a city block. 


{-] Matthias Lechner Art Director, Environments 
We were surprised at how chaotic the physical Internet 
is. You could see how it had grown over time. Some 
wires were neatly bundled together, others were a 
deeply tangled mess layered with years of dust. 









[-] Jessica Julius Author 
How did your research inform your design of the Internet? 





[-] Rich Moore Di 
Before seeing One Wilshire, we had a very naive idea of what the 
Internet was. After seeing it, we went from almost magical 
thinking to being super literal. In the end, we wanted Ralph and 
Vanellope to enter a new universe that's exciting and entertaining, 
sO we combined the reality of our research with the artists’ fun 
and fantastical ideas. 





or 





k 


[{-] Jim Martin Visual Development Artist 

Be We tried to capture what it would be like if you could really 
travel to the Internet. We looked at maps of the Internet 
showing machines linked to different hubs around the world 
and thought it looked like a planet filled with connected 
cities alive with color, motion, and light. It depicted how the 
Internet truly is global, so we decided to design it that way. 


J [-] Matthias Lechner Art Director, Environments 
2 We designed our version of the Internet literally 

from the top down. As you approach it from above, 
it resembles patterns you would find on a mother- 
board, with a grid of rectangular platforms and 
repetitive shapes connected by paths that turn in 
45-degree angles. But as you descend, it becomes 
@ three-dimensional bustling cityscape with tall 
website-buildings connected by energy-roads on 
multiple levels. And this is just the surface level 
floating above the industrial structures of the 
endless deep web beneath it. 





[-] Cory Loftis P 
We used a shape language based on modern smartphones 
and apps—a square with rounded corners, and a clean, 

crisp atmosphere with bright white light and blue shadows. 


»duction Designer 





EXTERIOR 
ELECTRICAL BOX 


ICAL TERMINAL 


<Jim Martin / digital> 
<Pages 30-31 : Matthias Lechner / digital> 








2 Matthias Lechner 
t Director, Environments + @ 


We had so much fun populating this world 
with Internet-specific gags. The weather app 
is actually the weather. A travel site is a 
suitcase. There are Skype and FaceTime 
phone booths, a java coffee shop, a LAN 
party bus. There's a little identity thief running 
around, a Girl Scout handing out cookies at 
the entrance to a website, a pop-up guy. 


) “@- 


<Matthias Lechner / digital> 





Matthias Lechner 
Art Director, Environment 3 


The Internet is international. Different 
countries use different websites. We 
encouraged the artists with international 
backgrounds to work in their native 
languages in their designs. 
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<Mingjue Helen Chen / digital> 
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THEHUB ginny 
















, Environments 


Users arrive at the HUB as data packages via 
fiber-optic cables. They are filtered through a 
prism that splits the flow of data into different 
colors, and each of those colors goes to a 
different site. We were inspired by color-coded 
guiding systems at airports. 


<Matthias Lechner / digital> 
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<Mike Yamada / digital> 


Cory Loftis, Production Designer 


The first place Ralph and Vanellope visit 


in the Internet is the HUB. They're in the 
Internet but not yet at a website. It’s like 
arriving at an ultra-modern airport. To go 
to a website, they have to get down to 
the ground transportation level, where 
they can catch a ride to somewhere else. 





<Mike Yamada / digital> 





<Mike Yamada / digital> 


<Mike Yamada 








From the HUB, Vanellope quickly 
intuits how the Internet works— 
she sees emails loaded into mail 
<Mike Yamada / digital> / delivery trucks, data packets _ 
being compressed and sent off, 
- ”~—CSCCs*sSoand users jumping into linkcars 
BcoMeToh Co) other websites. ws 














<Mike Yamada / digital> 


<Mike Yamada / digital> <Mike Yamada / digital> 








<Mike Yamada / digital> 


POPULATING THE INTERNET 





t [-] Jessica Julius Author 
¥ How did you decide what characters would populate the Internet? 
Jermain emb 
* [-] Ami Thompson Art Director, Characters 
¥ We needed to depict the workings of the Internet, so we 


created two basic types of beings to represent its constant 
busyness: users and netizens. 


sermalink embed parent 


[-] Cory Loftis Production Designer 

Users are the digital versions of us, our avatars when 
we're on the Internet. Browsing websites, clicking 
links, sending emails, doing on the Internet whatever 
humans tell them to do. Netizens on the other hand 
are autonomous. We humans don’t actually see them 
but we feel them when we visit a website. They‘re 
the ones emptying the recycling bin, delivering email, 
the HTML workers constructing new websites. They‘re 
doing all the things that keep the Internet working. 





@ 





<Borja Montoro / digital> 











Ami Thompson @ @AnDirector_ Characters 
The users are uniform. They have a basic 
head and a basic body, but the human 
can customize features —skin color, eye, 
mouth and nose shapes, hair, clothing — 
to make the user feel like a very simplified 
version of that human on the Internet. 





<Paul Felix / digital> <Nicholas Orsi / digital> 

















<Ami Thompson / digital> 
<Ryan Lang / digital> <Ami Thompson / digital> 
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<Cory Loftis / digital> 
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USERS’ TEETH STAY IM OWE SPOT AS THOUGH THEY HAD A SKULL. THEIR TEETH AUD MOUTHS JUST DOM'T SLIDE AROUND THE FACE. 


<Meg Park / digital> 





Kira Lehtomaki @ @HeadOfAnimation 
ey We wanted the users to feel like they are 
being controlled by a joystick or a mouse, 
something more mechanical on the other 
end of the computer. Humans are not 
physically inside these characters moving 
them around, but we are controlling them. 








<Cory Loftis / digital> 
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Ami Thompson @ @ArDirector_ Characters ~ 
There are millions of netizens in the Internet. 
We created several different body types for 
them, then gave them different colors and 
clothing and hairstyles, so they all have a 
unique look. 


O4 ST 16 O31 


<Borja Montoro / digital> 


Cory Loftis @ @ProductionDesigner 

The inspiration for the netizens was a retro look 
that feels modern. Often what's considered a 
modern or futuristic design style is actually kind 
of dated. Think Instagram filters that make 
photos look like Polaroids or 1970s film stock. 


© 12 It 6 0 26 





Kira Lehtomaki @ @HeadOfAnimation 

It’s fun to comedically depict daily life in the 
Internet. We did an animation test where a 
user is shopping at Amazon with the netizen 
pushing a shopping cart behind him. The 
user throws items into the cart but just as 
he's getting out a credit card to pay, he gets 
distracted and goes to YouTube to watch a 
video and never returns to check out, leaving 
the abandoned netizen without a sale. 





<Nicholas Orsi / digital> <Ami Thompson / digital> 





BUILDING THE WEB 


[-] Jessica Julius - 
How did you approach the design of the websites themselves? a 


[-] Cory Loftis 4 ion [ = 

a The challenging part was trying to design the feeling you > 
have when you visit a website, not the reality of it. For . . 4 
example, at Amazon when you select an item to buy, a real 
person at a physical warehouse somewhere puts that item in 
a box and ships it to you, But shopping online feels like a 
private shopping experience, so that’s what the website 
depicted in the film looks like, 


(-] Matthias Lechner 

We thought of the individual websites as buildings 
within a city. The interior of each building has a 
style, shape language, and color palette unique to 
that website. Scale is based on user traffic, so some 
buildings are much larger than others. High-traffic 
sites have many roads connecting to them and 

they stand out on the horizon. Midsize sites, which 
comprise most of the Internet, are densely packed, 
with congested roads. Small sites are isolated, usually 
with only one small road leading to them. 


[-] Mike Yamada Visu 
39M The websites are buildings that can click 


together and interlock in a Tetris-like way. 

We had to create buildings that represented 
generic background websites and apps, as well 
as well-known sites. 
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<Ryan Lang / digital> 













SCALE REFERENCE 


‘GENERAL INTERNET BUILDINGS - LINEUP GUIDE 
SCALE: 50 m per color / thin red lines: 2,50m door hight 


(these are NOT designs - just scale quidelines for the actual visdev and modeling) 
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<Matthias Lechner / digital> 
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<Justin Cram / digital> 
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<Mingjue Helen Chen / digital> 
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<Mike Yamada / digital> 
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Matthias Lechne: 
Art Director, Environment & 


Our depiction of eBay shows multiple levels 
of floors filled with colorful auction blocks. 
Blocks represent general categories—clothes, 
sports equipment, games—and the boxes 
themselves have individual items for sale. It's 
visually straightforward, and combined with 
the noise from all the bidding, it feels like 
organized chaos. 
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Matthias Lechner 
Art Director, Environments + @ 


Auction boxes have a hologram of the item, 
the price, the number of bids, and a timer, 
similar to what you would find on the actual 
website. When either the time runs out or the 
item is sold, a digital curtain closes and the 
next item goes on auction. 
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When we start a design, it can be tough to decide 
what's important. Our eBay design started as a 
more curvy, architectural, inventive space but the 
story was about what was happening at the auction, 
so the site became more functional to keep the 
audience f d on the items and the auctioneers. 
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We initially thought of Google as a gigantic call 
center that sits at a major intersection of the 
data stream. When a user asks a question, a 
netizen searches the Internet by filtering the 
data stream that flowed into the site. 


far) oe- 





<Kevin Nelson / digital> 
56< 


<Mehrdad Isvandi / digital> 


GANGNAM STYLE 
SEE YOU AGAIN © 


SORRY 
UPTOWN FUNK 





<Mehrdad Isvandi / digital> 





Matthias Lechner 
. <Mehrdad Isvandi / digital> 


YouTube in this movie is a like a multiplex 
cinema. The exterior resembles a giant cathode 
ray tube television set. Inside are rows and 
rows of single-person screening rooms. 
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The real-world analogy for Facebook is 

a person handing you a photograph or 
reading a newspaper. But what Facebook 
feels like is having a conversation with your 
friends or having reporters from all over the 
world do a custom newscast just for you. 
We tried to capture what it feels like. 
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Our version of Instagram was designed to 
look like a museum. There are millions of 
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Matthias Lechner 
Art Director, Environments - @ 


The film's version of Amazon looks like a 
monolithic structure made out of cardboard 
boxes. Swarms of drones travel in and out from 
all directions, looking for items users are buying. 


DO reno 00 josansasores 17 Comments @> 


ht Lik Comment > Shar 


<Jim Martin / digital> 














<Mike Yamada / digital> 


<Mike Yamada / digital> 





<Mike Yamada / digital> 


Q Matthias Lechner 


= 


We depicted Netflix as a drive-in movie theater 
but on a huge scale, with screens on many levels. 
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Matthias Lechner 
Art Director, Environments - @ 


The look of Snapchat is inspired by the 
company logo. To represent the ephemeral 
nature of its messages, we added an effect 
of appearing and disappearing shapes. 
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We tried many ideas for Twitter: a birdcage, 
an aviary, a giant tree with birds sitting on 
little hashtags like they’re swings. And blue 
messenger birds are present throughout our 
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@ [-] Jessica Julius 


many screens there are. How did you tackle that? 


[-] Ami Thompson 


XS The environment had to look like a big city filled with all kinds of 





signs, videos, advertisements, and graphics. 


Ernest Petti 

x We've depicted screens in films before but never this 
many. And they’re all different sizes and shapes, all 
showing different video or images. 


-] Scott Kersavage 
Everything you see on those screens is an insert 


shot. In most films we have maybe a couple 
hundred insert shots, but here we had to represent 
tens of thousands of screens in a single frame. 
Every department collaborated to do it. 


(-] Cory Loftis 
¥ Artists from different departments created every meme, gif, 


video, and image. Since we're trying to recreate the Internet, we 
didn’t put too many rules on what they could do. It was whatever 


came out of the artists’ heads. 


-] Nick Orsi 
a There’s a little bit of everything in there: clips from Disney 
movies, caricatures of each other, graffitied puns in 
computer code. There are so many background jokes and 
visual gags in there. And, of course, cat videos. 
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Ernest Petti, Technical Supervisor 


The Internet holds an overwhelming 
amount of stuff—it’s filled with people, 
data, traffic—and we had to show 

that on-screen. The number of crowd 
characters in other films peaks at around 
five or six thousand. A single test shot in 
this film had 50,000 crowd characters. 
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Internet videos are often recorded with 
smartphone cameras, which have a 
different motion and orientation than a 
film camera, They feel handheld, twitchy, 
vertical. Characters often break frame and 
the person filming overcorrects and has 
to come back. Everyone knows what a 
phone camera feels like because we see 
it every day, but it's difficult to recreate 
that style deliberately. 
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GETTING AROUND 





? [-] Jessica Julius Author 
¥ How do users and netizens move around the Internet? 
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[-] Matthias Lechner Art Director, Environments 

The roads are light bands that turn at 45-degree angles so 
they're reminiscent of a motherboard. Little cars attach to 
the light bands like electrons—these are the linkcars. 


+ 





t [-] Cory Loftis Production Designer 

+ i A user hops in a linkcar to travel from website to 
website. Linkcars are self-driving and carry the user 
straight to wherever she wants to go. They travel 
at different speeds, so if you're still on DSL your 
linkcar goes slower than those on fiber-optic lines. 


t [-] Matthias Lechner Art Director, Environments 

+ Netizens’ vehicles represent the sites they're from, the 
jobs they do. There are postal vans for delivering emails, a 
garbage truck for junk mail. 
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t [-] Mike Yamada Visual Development Artist 

+ We created Internet versions of easily recognizable 
vehicles from the real world so that audiences could 
quickly process them and enjoy the joke. 
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t [-] Cory Loftis Production Designer 
+ The world started to make sense as we 
designed the transportation. 
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<Paul Felix / digital> , 


Matthias Lechner 
The traffic lights evoke the maximize, minimize, and 
close-out buttons at the top left of a window screen 
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Cesar Velazquez 

We studied the physics of how data travels 
through a power line. Electromagnetic pulses 
move electricity like a wave, which we 
represented as magnetic rings that propel 
data forward along an electromagnetic wave. 
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Cory Loftis ProductionDesigner 

£- The Dial-Up Express used to be the only 
way to get around the Internet. It's an old <Hike Yamada / digital> 
steam-engine trolley car that makes that 


screechy modem sound as it moves along, 
only as quickly as the loading bars allow. 
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SETH Scott Kersavage @ @VisualEtfectsSupervisor 

i The Data Stream was initially how we thought 

= data would flow through the Internet. We went 

through a lot of ideas for what it could look like: 

a wind tunnel, a river, an endless flow of ones 

and zeroes. At one point, it flowed through an Ss 
intake hub, where massive amounts of data 

culminated in a giant whirlpool. 
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(-] Jessica Julius Author 
Ralph and Vanellope meet a bunch of new characters in the 
Internet. Tell us about some of the characters you developed. 


we [-) Jim Reardon Director of Story 

ky Ralph wants to do the right thing for Vanellope. So he 
suggests they go to the Internet to find a replacement 
wheel for her game. But the Internet is overwhelming to 
Ralph. He’s frustrated by the Knowsmore search engine, 
aggravated at figuring out where to go to find the wheel, 
excited by the bidding at eBay, but then shocked to realize 
they have to come up with real money. His ego is boosted 
by the response to his memes, but he’s plunged into 
despair when he discovers everyone actually hates him 
and even his best friend wants to leave him. Ralph is on an 
emotional roller coaster. The characters they meet along 
the way reinforce all those feelings. 





[-] Josie Trinidad Head of Stor <Ami Thompson / digital> 
Meanwhile Vanellope loves everything about the 
Internet. Her world is expanding: She's thrilled by 
the new challenges of Slaughter Race, she finds 
camaraderie from the princesses who encourage 
her to know what she wants, and she enjoys 
Shank’s mentorship. Ralph and Vanellope are like 
two kids from a small town who think life is just 
great until they go to the big city and see there 
might be more to life. And Ralph responds by 
wanting to go back home to how things were, while 
Vanellope is thrilled by all the new experiences. 
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Ami Thompson, Art Director, Characters 


Knowsmore went through many 
iterations. We drew him as an owl, 

a lightbulb, a professor. His final 
form combined those ideas and was 
inspired by Maurice Noble, M. Sasek, 
and the flat, graphic UPA style of the 
1950s and '60s. 
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SLAUGHTER RACE 
6m. 


Slaughter Race is a post-apocalyptic mash-up of 
inspiration from Mad Max, Grand Theft Auto, and the 
Fast & Furious movies. It’s extreme. It has the most 
random, wild, dangerous things. 
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Everything in Slaughter Race is built around 
an S shape, to evoke a swerving car, a 
bullwhip, flames. The color scheme is tinted a 
heavy, toxic yellow that turns to pure fiery 
orange as the intensity builds over the scene. 
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The effects in Slaughter Race are heavily stylized, 
graphic and flat with a hand-drawn feeling, almost 
like a graphic novel. The challenge was to make 

them look that way even when they were moving. 
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& Cory Loftis 
Production D 3 


Each time Ralph and Vanellope visit Slaughter 

Race it has to look different to enhance what 

is happening in the story. It's smoggy, dirty, 

rundown, and scary the first time they 

experience it. But later Vanellope starts to <Jim Martin / digital> 
think that maybe she belongs there so we had 

to make it a more visually pleasant place, with 

brighter colors and shifts in the lighting. 
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@i» Kevin Nelson 
Vis ent Artist - @ 


The vehicles in Slaughter Race are nuts. There’s a 
motorcycle with tank tread for wheels, but on the 
treads are little chain saws. There’s a ship that was 
turned into a truck that can release giant metal balls 
out of the back to smash things. There are old rat-rod 
cars chopped up and rebuilt. 
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In Slaughter Race, the vehicle animation is exaggerated 
and fantastical but still feels heavy, powerful, and 
believable. A lot of research went into making sure 
whatever techniques and stunts Shank and Vanellope 
perform with their vehicles are technically accurate. 
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Jim Reardon, Director of Story 


Shank is a tough, take-no-prisoners woman 
and she’s probably the most evolved 
character in the film! She tells Vaneliope to 





work things out with Ralph 
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e _ Ami Thompson, Art Director, Characters 
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BUZZZTUBE 


Cory Loftis & @ProductionDesigner 

BuzzzTube is the most modern, hip website 
on the Internet, the ultimate social experiment, 
a fashion show and nightclub in one. Its 
aesthetic is all flash and theatrics. The site is 
connected to the relentless, enormous feed 
of Internet content and countless screens 
dominate the space from floor to ceiling, 
displaying the hottest Internet memes and 
videos. Users rate the content, voting it up 
or down, and when something is up-voted it 
rises to a higher floor of the site. The most 
popular content is given a place of honor, a 
VIP room reserved for pieces of media 
receiving one billion hearts. 
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Mike Yamada VisualDevelopmentArtist 
BuzzzTube is comprised of long curves mixed 
with pentagons and hexagons. The exterior is a 
deconstructed cube language with disconnected 
yet flowing surfaces. While designing it, | folded 
and crumpled paper, photographed it, drew over 
the photos, all while trying to create a structure 
that physically could not be built in the real world. 
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f Ami Thompson @ @ArDirector Character: 

BuzzzTube's color scheme is all magentas, 

” reds, and purples with pops of blue in the 
characters. It’s like the lighting at a concert. 
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fe) Phil Johnston 


There were many iterations of Yesss as a 
character. We originally conceived her as a 
netizen in another game who was like a cool 
older sister to Vanellope. As the story evolved, 
we tried her as a trendsetting influencer, which 
morphed into a version of her as a curator of 
the coolest stuff on the Internet. That evolved 
even further into a younger version of her 

as the most up-to-date responder to what’s 
trending. In the end, we made Yess more like 
Ralph’s manager: she’s running a business, 
focused on BuzzzTube’s brand. 


Ami Thompson 
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Art Director, Characters + @ 
nN y Her design changed with every iteration. 
\ Her final look is more pushed, with a 
<Meg Park / digital> simplified shape and crisp edges. Her 


eyebrows are defined and sharp, with a 
lot of attitude in the shapes. 
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Yesss is always about the now, the present, 
so she constantly changes her outfit, 
accessories, and hairstyles to keep up with 
what's current. Only her glasses and bracelet 
are consistent because they're the tools she 
uses to scan the Internet at all times. 
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Cory Loftis 
&- Product ner - @ 


There are a lot of rooms, offices, and 
characters in BuzzzTube: meme 
soundstages, VIP rooms, Sourpuss 
Picklecat, Yesss' assistant Maybe. 
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Yesss’ car is like a USB drive that plugs into the 
site. She can just walk out of it into her office. 
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Mingjue Helen Chen, Associate Production Designer 











Cory Loftis, Production Designer 
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Matthias Lechner, Art Director, Environments 
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We met with each of the actresses who 
voice the princesses. They think about their 
characters in such a deep way. Jennifer Hale, 

the voice of Cinderella for the last twenty 

years, describes Cinderella as “the queen of 

coping”—she makes the best of anything you 

throw at her. Jasmine is used to more luxury 

than Cinderella, but she also fights for what 

is good and right, she will question authority 

when she needs to. We try to work those - 






unique personality traits into each of the a 
princesses. They each have their own set of 
e wants, goals, and personalities, and we want 
oe that to shine through. 
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Matthias Lechner, Art Director, Environments 


Each princess has her own cubbie filled with 
personal items: Belle's books, Mulan's sword, 
the picture Tiana ripped out of the magazine, 
Ariel's collection of thingamabobs, Some are 
jokes: Aurora has coffee, Cinderella's clock is 
frozen at midnight. 






<Mike Yamada / digital> 

















<Cory Loftis / digital> 


COLORS. 
OF THE 
WIND 


<Cory Loftis / digital> 





Mark Henn, Animator <Griselda Sastrawinata 


Ami Thompson, Art Director, Characters 


The OhMyDisney version of the princesses 
is more cartoony, with bigger eyes and ears, 
a graphic mouth shape. But we kept the 
color schemes from their iconic dresses, and 
maintained something close to their original 
hairstyles even when they're in comfy outfits. 
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Matthias Lechner, Art Director, Environments 
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B [-] Jessica Julius 
| Ralph very nearly takes down the Internet in this film. How does that 
happen? 


{-] Phil Johnston 

After Ralph eavesdrops on Vanellope telling Shank she wants 
to stay in Slaughter Race, he decides to release a virus into the 
game that would slow it down enough that she’d want to leave. 
It wasn’t supposed to hurt anyone but it gets out of control. 
As the game crashes around them, Ralph accidentally touches 
the virus, which then begins to replicate him, manifesting as 
millions of Ralph clones. 


] Rich Moore 





We were inspired by the last line of the first movie— 
“If that kid likes me, how bad can I be?” It’s a great 
sentiment but it can also be really dysfunctional. Ralph 
is defining himself by how Vanellope feels about him, 
and when she starts to pull away his insecurities are 
aggravated. Viruses prey on vulnerabilities, which is 
why this one grows so strong after being in contact 
with Ralph, The clones are the personification of Ralph’s 
insecurities, While desperately searching for Vanellope, 
the clones jam up websites so users can’t get in, 

which to the outside world looks like a denial of service 






@ [-] Jessica Julius 
® Were there any specific design challenges to wrecking the Internet? 


attack. Inside the Internet, the clones create havoc and 

destruction, causing sites to literally crash. 
[-] Cesar Velazquez 

gH Destroying our assets is not a trivial task. We had to 
institute a whole new tool set to handle all the destruction 
that happens in this film. We have characters with hair, 
environments with vegetation, buildings made out of glass, 
all designed and modeled to look good from certain camera 
angles. When they’re destroyed, they still have to look right 
from an art standpoint while also being structurally accurate. 
Instead of breaking a wooden beam or brick in half we‘re 
breaking it on a digital level. 
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The giant Ralph is a gross, roiling blob made up 
of millions of individual Ralph clones. 
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Rich Moore 
Director - @ 


The clones are a more grotesque version 

of Ralph. There's no life behind their eyes, 
they have monochromatic, muted colors. 
They don't have the appeal that Ralph does. 
Even though Ralph has his foibles, he’s 
endearing. The clones are not endearing. 
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Phil Johnston 
3 


We had to make sure the clones didn’t feel 
like sentient beings because ultimately, we 
have to get rid of them. It was a challenge 
to make them look like Ralph, yet have the 
audience root for them to be deleted. 
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THE DARKNET 


Jessica Julius 


At one point, Ralph ends up in the Darknet. 
What is that exactly? 


~] Matthias Lechner Art rector r 

There are multiple levels to the Internet. 
There's the surface web, which is the part 
users mainly interact with. Beneath that are 
areas less easily accessed, Like data storage 
and content behind paywalls, which have a 
more industrial design. And under that is the 
Darknet, where the questionable stuff happens. 


f [-] Cory Loftis Production Designer 
é Up on the surface web you see users and 
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netizens. But the Darknet is mostly 
netizens. The average user can't get 
there. Everyone down there wants to 
remain anonymous, so their hoods are up, 
they wear masks. And the environment 
changes depending on the encryption level, 
so some things aren't visible until you 
get special glasses or an access card to 
see them 


[-] Ami Thompson Art Director, Characters 
4 Ralph only gets to the Darknet because 


the netizens Spamley and Gord help him. 


The original idea for the Darknet was 
that it was the foundation of the 

Internet. It was made up of discarded 
sites, with new sites built on top of 
the old ones from the ground up. 
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Matthias Lechner, Art Dire Environments 


Originally we called it the Oldernet and 
it was basically the 1990s version of the 
Internet. The Netscape symbol is there 
but it has fallen down, a Y2K ticker is 
stopped at midnight, there are old chat 
rooms, and users travel by the super 
slow Dial-Up Express. 
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Cory Loftis, Production Designer 






Spamley was inspired by salesmen that can’t 
make a sale. He's a fragile character, hanging 
on by a thread. In his mind, he’s trying to run 
an honest business but no one is clicking on 
his links. He’s annoying but he’s not trying to 
cheat people, which is why he’s so touched 
when Ralph pays attention to him. 
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CAN I HET 6-PACK ABS? 
CAN I LOSE 95 POUNDS IN A DAY? 
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Double Dan is a slug-centaur, with a human 
upper body and a worm lower body. He’s 
made out of canned meat, even has that slimy 
aspic around him so he leaves a trail like a 
slug. In some designs, he has a nonsentient 
face that lives below his neck, an extra 
appendage that never grew. 


DOUBLE DAN peepee 
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Cory Loftis @ © tio 

| never intended Double Dan's design to be 
chosen, | was just trying to gross out the 
directors while playing around with ideas for 
the look of the villain. But they loved it! 
Something gross can still be appealing if 
you get a sense of personality. Most people 
know a guy like Dan somewhere. 
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Matthias Lechner ; ‘ <Scott Watanabe / digital> 
Double Dan's apothecary started as a potion lab but 


it became more like a proper shop, with boxes and 


shelves and drawers crammed with dangerous stuff 
that Dan finds valuable: malware, viruses in leaking 
canisters, bad code. 
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Rich Moore 
Director - @ 


It's a long and windy road making an animated 
movie. Characters come and go as the story 
evolves. But the characters we conceived along 
the way could live in this world we created, even 
if they ultimately didn’t appear in this film. 
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Ami Thompson 
Art Director, Characters - @ 


e 


In early versions of the film, we represented 
specific viruses from different eras. We 
didn’t make them up; they're all real viruses 
that we thought had fun names. We 
designed them to all look unique. Some 
are realistic, some simple, some cartoony. 
These characters were fun to explore 
because of the variety. 
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Nick Orsi 
a Visual Development Artist - @ 
There are specific ways data is corrupted, and we 
designed each virus based on its capability. The | Love 
You virus is a heart-shaped box that has a monster 
living inside. The Worm Virus is shaped like a worm. 
The Creeper is a super creepy guy from the 1970s. 
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Ami Thompson 
Art Director, Characters - @ 


In early versions of the story, there was a villain named 
BEV—an acronym for Built to Eradicate Viruses. She was 
the head of an antivirus software program called Interneat. 
At different times BEV was a deceptively sweet Midwestern 
lady, a cold, formal militaristic man, and a security guard, 
simply doing her job keeping the Internet virus-free. 
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When BEV caught a virus she would send 5g = 
it to quarantine, basically a cell surrounded \ | | } act) 
by a firewall. Instead of a literal wall of fire, it f 
was more like a membrane that became really 
hot and glowed when touched. If a virus tried 
to press through it, it broke into flames. In 
early versions of the story, Ralph was sent to 
quarantine but because his code is so simple 
he could break right through the firewall. 
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aracters 


E@ Ami Thompson & @ArDirector_Ct 
i Pancake Milkshake is an app game designed 
for kids. The set is a basic soda shop. The 
characters, a bunny and a cat, are simple 
and cute with button eyes and bright, poppy 

colors like minty green and pink. 
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Jessica Julius 





It's a privilege to share the story of how Ralph Breaks the 
Internet evolved visually from nascent idea to the beautiful final 
film. Thank you, Clark Spencer, Rich Moore, and Phil Johnston, 


for entrusting me with the task. 


Cory Loftis, Matthias Lechner, Ami Thompson—you are creative 


wizards and I arm in awe of your talents. You and every artist 






interviewed for this nal gratitude for taking 





ook has my ete 








the time to sit with me and share your thoughts on your art 


and process. 


There can never be enough f hs for Alison Giordano, Stevi 





Carter, Lindsay Henry, Brittany Kikuchi, David Thibodeau, Val 





Sanchez, Ruth Strother, Nathan Curtis, Eileen Aguirre, Ainsley 





Shannon, and the entire Ralph Breaks the Internet production 





management team. Thank you so much for everything you do. 


Thank you to my gracio nd discerning editor, Beth Weber, 





and designer extraordinaire, Glen Nakasako. I’m so glad I got 
to work with both of you again. Scott Hummel and Michael 
Hebert, 1 couldn’t have made this book happen without you 


Thank you as well to my amazing work family, the incomparable 





development department of the Walt Disney Animation Studios. 








To Mom 





Thank yo jays and everyways. And to my husband, 





Shann 





My world would be wrecked without you 
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Walt Disney Animation Studios. She has over 
thirteen years of experience in film development 
and production. She’s worked on Disney feature films 
including the Academy Award®-winning Zootopia, Frozen, 
and Big Hero 6, as well as on the Academy Award®— 
nominated films Moana, Wreck-It Ralph, Winnie the Pooh, 
Tangled, The Princess and the Frog, and Bolt. Jessica is 
the author of The Art of Moana, The Art of Zootopia, The 
Art of Big Hero 6, and multiple children’s picture books. 
She lives in Los Angeles. 


a Jessica Julius is director, creative affairs, at 





Rich Moore directed Walt Disney Animation 

Studios’ 2012 Oscar*-nominated feature Wreck- 

It Ralph. A graduate of California Institute of the 
Arts’ (CalArts) renowned Character Animation Program, 
Moore became one of the original three directors on The 
Simpsons, directing numerous episodes over the series’ 
first five seasons, including the Emmy® Award-winning 
“Homer vs. Lisa and the Eighth Commandment.” He was 
awarded the 1999 Reuben Award (from the National 
Cartoonists Society) for Best in Television Animation, the 
2001 Hugo Gold Plaque (from the World Science Fiction 
Society) for Special Achievement in Animation, and the 
2002 Emmy® for Outstanding Animated Program (the 
“Roswell That Ends Well” episode). 


Phil Johnston is a feature film and television 
nee: writer whose first Disney movie was 2012's 
Cant Oscar*-nominated movie Wreck-It Ralph. His 
screenplay for Cedar Rapids was a 2012 Independent 
Spirit Award nominee for best first screenplay. His 
projects include a collaboration with Sacha Baron Cohen, 
Grimsby; an adaptation of the Pulitzer Prize-winning 
novel A Confederacy of Dunces; the animated series My 
Deer Wife; and Harve Karbo, a television show created 
alongside Joel and Ethan Coen. Prior to becoming a 
filmmaker, Johnston was an Emmy® Award-winning 
broadcast journalist. He holds a BA in journalism from 
the University of Wisconsin-Madison and an MFA in film 
from Columbia University. He lives in Los Angeles. 








